import React ,{useState,useEffect} from 'react'
import HocLogin from '../../utlis/HocLogin'
import { Cell, Image } from 'react-vant';

function Personal() {
    const [user,setUser] = useState({})

    useEffect(()=>{
        const token = localStorage.getItem("token")
        setUser(JSON.parse(token))
    },[])

    return (
        <div>
             <Cell
                center
                title={user.username}
                label={user.password}
                icon={
                    <Image
                    width={44}
                    height={44}
                    src="https://cdn.jsdelivr.net/gh/3lang3/react-vant@main/public/home-music-card-1.jpg"
                    round
                    />
                }
                isLink
                />
        </div>
    )
}

export default HocLogin(Personal)
